<template>
  <div>
    <h1>{{count}}</h1>
    <button @click="changeCount">累加</button>
  </div>
</template>

<script lang="ts">
  import {defineComponent} from "vue"
  export default defineComponent({
    name:'Abort',
  })


</script>
<script setup lang="ts">
import {ref} from "vue"
//使用ref创建基本类型值的响应式数据，会生成一个RefImpl对象，对象中的value是数据的值，在模板中可以直接使用，在setup函数中需要通过.value获取
  let count = ref(3)
  const changeCount =()=>{
    count.value ++ 
 }

</script>